 

/** SETING PAGE **/
#page { width: 100%; background-color: #fff;} 
.opened {}
/**SETING Nav Menu Left  (! ImportantJS)**/
#page nav {	display: none; }
#header  {z-index: 99999;	background:#008341; font-size: 16px; font-weight: bold;	color: #fff; text-align: center;	line-height: 40px;	padding:5px 0; width: 100%;} 
#header a.bntMenuleft, .header a.bntMenuleft {	display: block; position: absolute;top: 17%; left:  0.7em;} 
#content { width: 98%;clear: both;text-align: center;margin: 0em auto 1em auto;  overflow-x: hidden; }
.mm-list > li.nav-active > a, .mm-list > li:hover > a { background-color: #18482e;}  
.mm-list > li > a {}
.titlePage {width: 80%;text-align: center;color: #fff;z-index: 99999;position: relative;margin: 0.4em auto 0 auto;padding: 0;font-size: 1.1em;font-weight: normal;}
.bntFacebook {}
.bntFacebook img { max-width: 90%;margin: 2em 5%;}
 
/**End SETING Nav Menu Left **/
#logo {width: 100%; margin-bottom: 1.2em; padding-top:6.2em;}
#logo img { width: 90%;}

/**SETING Header**/
.bntShoppingbag { display: inline-block; position: absolute;top: 17%;right: 0.7em;} 
.bntShoppingbag img, .bntMenuleft img  { max-width: 100%;-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	transition: all 0.3s ease;}
.bntShoppingbag:hover img, .bntMenuleft:hover img { opacity: 0.9;}
.bntShoppingbags img { max-width: 100%;} 
 
/**SETING PAGE INDEX & LOADER**/
#dvLoading {position: fixed;left: 5%;top: 35%;	width: 90%;height: 100%;z-index: 9999; }  
#dvLoading .imgLoad  { margin: 1.5em auto 0 auto; width: 18%; text-align: center;}
.logoLoad img { max-width: 100%;}
.imgLoad img { max-width: 50%;}

.columnAll { width: 98%;margin: 0 auto 0 auto; text-align: center; } 
.txtInput, .select-time { background: #fff; width: 90%;padding: 0.5em;margin: 0.7em 0;  border: 2px solid #f2f2f2;}
.txtInput {-webkit-appearance: none;  -moz-appearance: none;}
.select-time {}
.wrap-col-form { text-align: center; width: 90%; padding: 5%;}
.wrap-col-form p { font-size: 0.7em; margin-bottom: 1em; line-height: 1.8em;}
.wrap-col-form input { }
.wrap-col-form {}

.rowDis {position: relative;}
.rowDis:after{ content: "0.00 kr.";position: absolute;color: #777;right: 1em;top: 1.3em;color: #646464;line-height: 1.2em; opacity: 0.5;font-size: 0.9em;}
.rowDis input { background: #fffaf1;color: #646464;} 

.seeMore:hover { text-decoration:  underline;}
.colInfo { width: 100%; float: left; position: relative; clear: right;}
.colInfo h3.title-art { margin-top: 0;}
.colInfo p.info-time { line-height: 1.5em;}
.colInfo .bntContact { position: absolute; top: 45%;left: 70%;}
.bnt, #menu-left a.bnt  {display: inline-block;background: #008341;padding: 0.5em 0.5em; font-size: 1.3em; text-transform: uppercase;color: #fff; border: 1px solid #006432;  	-webkit-border-radius: 2px;	-moz-border-radius: 2px;	border-radius: 2px;	}
.bnt:hover { background: #006432; text-decoration: none;}
.bntContinue { min-width: 90%; position: relative;margin-top: 0.7em;}
.iconNext {position: absolute;top: 0.6em; right: 0.6em; max-width: 5%;}

/** SETING bestilPage  **/
.bestilPage, .cart { width: 100% !important; }
.bestilPage .columnAll, .cart .columnAll{ width: 100%;}
ul.listItem { width: 100%; background: #fff;  }
ul.listItem li {  border-bottom: 1px solid #d1d1d1; margin-top: 1em; padding-bottom: 0.5em; overflow: hidden;}
ul.listItem li:first-child {padding-top: 3.5em;}
ul.listItem li .wrapImg { width: 23%; float: left;}
ul.listItem li .wrapImg img { max-width: 100%;}
ul.listItem li .wrapDec { width: 55%; text-align: left; float: left;}
ul.listItem li .wrapDec h3{ font-weight: bold; font-size: 0.9em;color: #000;}
ul.listItem li .wrapDec p { font-size: 0.8em;line-height: 1.4em;}
ul.listItem li .wrapPriceAdd { width: 20%; float: left;text-align: right;padding-right:2%; }
ul.listItem li .wrapPriceAdd .bntAdd { text-align: right;}
ul.listItem li .wrapPriceAdd .bntAdd img { max-width: 35%;}
ul.listItem li .wrapPriceAdd .price { color: #000; display: block; margin-top: 0.2em;}

.circle-text {width: 80%;position: absolute;top: -0.3em;right: -0.5em;}
.circle-text:after { content: ""; display: block; width: 100%; height:0; padding-bottom: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	background: rgba(240,145,2,1);
	background: -moz-linear-gradient(top, rgba(240,145,2,1) 0%, rgba(240,100,19,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,145,2,1)), color-stop(100%, rgba(240,100,19,1)));
	background: -webkit-linear-gradient(top, rgba(240,145,2,1) 0%, rgba(240,100,19,1) 100%);
	background: -o-linear-gradient(top, rgba(240,145,2,1) 0%, rgba(240,100,19,1) 100%);
	background: -ms-linear-gradient(top, rgba(240,145,2,1) 0%, rgba(240,100,19,1) 100%);
	background: linear-gradient(to bottom, rgba(240,145,2,1) 0%, rgba(240,100,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09102', endColorstr='#f06413', GradientType=0 );
}
.circle-text div { float:left; width:100%; padding-top:50%; line-height:1em; margin-top:-0.5em; text-align:center; color:white; font-size: 0.9em;font-weight: normal;} 
 
/** SETING CART **/
.cart { background: #f6f6f6;}
.antalPro { width: 2.5em;text-align: center;padding: 0.3em 0.3em;background: #fff;border: 1px solid #a2a2a2; outline: none; color: #8e8e93;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}
.listItem li { position: relative; }
.listItem li .wrapDelete {width: 19%; float: left;text-align: right;padding-right:1%; position: absolute;right: -19%; top: 2.2em; background: #fff; top: -0.2em; height: 4.5em; padding-top: 1em;
	transition:right .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transition:right .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.listItem li:first-child .wrapDelete { top: 2.8em; } 
.wrapDelete img { max-width: 70%;} 
.listItem li .wrapPriceAdd { }
.wrapTotal {  overflow: hidden;padding-top: 1em;padding-bottom: 0.8em;background: #f6f6f6;border-bottom: 1px solid #d0d0d0;}
.wrapTotal .labelTotal { font-weight: bold;color: #1a1a1a;font-size: 1.2em;float: left;margin-left: 10%;}
.wrapTotal .pricelTotal  {font-weight: bold;color: #1a1a1a;font-size: 1.2em;float: right;margin-right: 10%;}
.bnttoPayment { min-width: 75%; position: relative;margin-top: 0.7em; }
.added {opacity: 0.5;} 

/** SETING Checkout  **/
.checkout {} 
.checkout .eachBox { border: 1px solid #daddde;width: 86%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: 1em auto 0 auto;position: relative;padding-bottom: 1.5em;}
.checkout .first {margin-top: 5em !important;}
.checkout .eachBox .bgStep { position: absolute; z-index:0; max-width: 100%; top: 0.1em; left: 0 }
.checkout .eachBox  h5 {position: absolute;font-size: 1.2em;text-transform: uppercase;color: #fff;font-weight: normal;text-align: center;width: 100%;top: 0.7em;}
.checkout .info-header {margin-top: 5.5em; text-align: center}
.checkout .info-header .lbdec {font-size: 0.9em;width: 90%;margin: 0 auto;overflow: hidden;}
.checkout .select-control { width: 96%;  background: url(../images/down-min.png) no-repeat 95% 1em #fff;}
 
.checkout .title-select { width: 96%; text-align: left; padding: 0.2em 0.6em;}
.checkout .info-header .txtInput { width: 82%;}
.checkout .wrapFormCheckout { }
.checkout .wrapFormCheckout .boxSelect { margin-bottom: 1.8em;}
.checkout .wrapFormCheckout .lineFake { height: 2px; width: 100%; background: #e8e8e8; position: absolute; top: 6.5em; left: 0%;}
.checkout .bntHent, .checkout .bntVidere { min-width: 80%; margin-top: 0.3em; background: #fff; color: #008341; position: relative;}
.checkout .wrapFormCheckout { width: 90%;margin: 0 auto;}
.checkout .info-input-wrapper  { text-align: left; padding-left: 0.6em;}
.checkout .erow .txtInput {margin: 0.4em 0;}
.checkout .erow .txtArea { width: 90%; min-height: 7em;border: 2px solid #f2f2f2; color: #5a5a5a;background: #fff; padding: 0.5em}
	#txtAreadec::-webkit-input-placeholder::after {  display:block;
    content:"Bemærk at tilbehør skal vælges ovenfor. Hvis ekstra tilbehør noteres i kommentarfeltet, kan restauranten opkræve et ekstra beløb ved levering.\A Hvis du har en eller anden form for madallergi, bedes du skrive det i kommentarfeltet herunders"; }
	.erow textarea::-webkit-input-placeholder { /*font-style: italic;*/ color: #5a5a5a; font-size: 0.8em; font-family:  "Century Gothic", CenturyGothic, arial; } /*--- Chrome---*/
	.erow textarea:-moz-placeholder {  /*font-style: italic;*/ color: #5a5a5a; font-size: 0.8em; font-family: "Century Gothic", CenturyGothic,  arial;}
	.erow textarea:-ms-placeholder {  /*font-style: italic;*/  color: #5a5a5a;font-size: 0.8em; font-family:  "Century Gothic", CenturyGothic, arial;}

.checkout .erow .i-post {width: 28%;float: left;margin-right: 2%;margin-left: -0.6em;}
.checkout .erow .i-by {width: 60%;float: right;margin-right: -0.6em;}
.checkout .bntVidere { min-width: 88%; }
.checkout .lbnote { text-align: left; margin-top: 0; color: #000; padding-left: 1em;  }
.checkout .lbnote span { font-family: Tahoma; margin-right: 0.3em;}
.checkout .erow {}

.checkout .row2input { margin: 0 auto;width: 90.5%;padding:0 0.4em; border: 2px solid transparent; text-align: left; }
.checkout .eachRadio {width: 48%;float: left;text-align: left;margin-left: 2%; }  
/*.checkout .eachRadio  input[type=radio]  { display:none;}
.checkout .eachRadio input[type=radio] + label {display: inline-block;padding: 0em 0em 0em 1.6em;color: #000;vertical-align: middle;cursor: pointer;background: url(../images/radioUncheck-min.png) 0 0  no-repeat ;line-height: 1.4em; font-size: 1em; }
.checkout .eachRadio  input[type=radio]:checked + label {   background: url(../images/radiochecked-min.png) 0 0  no-repeat; }
*/
input[type=radio].css-checkbox { display:none;}
input[type=radio].css-checkbox + label.css-label {	padding-left:1.6em;	height:1.5em; 	display:inline-block;	line-height:1.5em;	background-repeat:no-repeat;
	background-position: 0 -1.4em;	font-size: 1em; 	vertical-align:middle;	cursor:pointer;} 
input[type=radio].css-checkbox:checked + label.css-label {	background-position: 0 0.1em;}
label.css-label { background-image:url(../images/radiomin.png);
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.checkout .select-time { width:88% !important; background: url(../images/down-min.png) no-repeat 95% 1em #fff;}
.step02,  .step03 { position: relative;}
.step02 .erow {}
.step02 .erow label { text-align: left;display: block;width: 87%;margin: 0.7em auto 0em auto;}
.step02 .textQuetion, .step03 .textQuetion  { margin-top: 2em; margin-bottom: 0.8em;} 
.step02 .lineFake, .step03 .lineFake  { height: 2px;width: 100%;background: #e8e8e8;position: absolute;top: 2.2em;left: 0;}
.step02 .bntVidere  { min-width: 80%; margin-top: 4em;}
.checkout .step03 .eachRadio { min-width: 95%; margin-top: 0.5em;}
.boxLeverPrice {/*width: 100%;*/overflow: hidden;/* background: #f00; */margin: 0 auto;height: 2.3em;line-height: 2.3em;font-weight: bold;font-size: 1.2em;box-sizing: border-box;padding: 0 1em;margin-top: 1em;border-bottom: 1px solid #e8e8e8;border-top: 1px solid #e8e8e8;}
.boxLeverPrice .lbLever { float: left; display: inline-block;color: #000;}
.boxLeverPrice .nbLever { float: right; display: inline-block;color: #000;}
.boxImgcarts { width: 100%; text-align: center;margin-top: 1em;}
.boxImgcarts img {max-width: 90%; }
.step03 .bntVidere  { min-width: 80%; margin-top: 6em;} 

.step04 ul.listItem li .wrapDec .rowAntalprice { font-size: 1em;}
.step04 ul.listItem li .wrapPriceAdd .price { margin-top: 1.5em;}
.step04 .wrapCheckout-tListitem {  background: #fff;}
.antal { margin-right:  1em; display: inline-block;}
.step04 .wrapTotal {  background: #fff; border:  none; padding: 0.3em 0;} 
.step04 ul.listItem li:first-child { padding-top: 0.5em;}
.step04 .leveringTotal { padding: 0.8em 0; border-bottom: 1px solid #d0d0d0;}
.step04 ul.listItem li .wrapDec { width: 52%;}
.step04 ul.listItem li .wrapPriceAdd{ width: 22%;}
.step04 .wrapTotal .pricelTotal { margin-right: 3%;}
.step04 .wrapTotal .labelTotal {margin-left: 5%;}

.thankpage {}
.thankpage .columnAll { width: 100%; margin-top: 40%;}
.thankpage .wrapThank { text-align: center;width: 80%;padding: 5%;overflow: hidden;margin: 0 auto;}
.thankpage .wrapThank h6, .thankpage .wrapThank h2 { font-size: 1.5em; color: #646464; font-weight: normal;margin: 0.8em 0;}
.thankpage .wrapThank  p { font-size: 1.1em;}
.thankpage .bntContinue{ margin-top: 1.8em;}



/** SETING CSS **/ 
html.mm-opening .mm-fixed-top { left: 80%!important;} 
.wapperinputMail { 	height: auto;	width: 76%;	display: block;	overflow: hidden;	position: absolute;	top: 85%;	left: 10%;	padding: 2% 0;} 
.textDec{ color: #fff;	display: block;	padding: 0.3em 0 0.5em 0.5em;	font-size: 0.9em;	line-height: 1.4em;	text-align: left;}
input.inputMail {	margin-left: 0.5em;	width: 190px;	line-height: 1.3em;	border: 1px solid #666;	background: #fff;	color: #555;	padding: 0.3em;	display: block;}
.btnSend {	font-family: 'Open Sans Condensed', Geneva, Helvetica, Sans-Serif;	background: #6c584a;	color: #fff !important;	padding: 0.4em 0.8em;	line-height: 1.2em;	margin-top: 0.5em;	display: inline-block;	margin-left: 0.5em;	text-transform: uppercase;	-webkit-border-radius: 2px;	-moz-border-radius: 2px;	border-radius: 2px;}
a.btnSend:hover { color: #352216!important; color: #fff !important;}

  
 

/** SETING CSS **/ 
/** SETING CSS **/ 
/** SETING CSS **/ 
/** SETING CSS **/ 


@media only screen and (min-width: 320px)  {/**  iPhone 5 in portrait   **/
.bntShoppingbag , .bntMenuleft { width: 30px;}  
#header { height: 35px;}   

} /*End  iPhone 5 in portrait  */


@media only screen and (min-width: 480px)  {/**  iPhone 4 in landscape  568(5)  **/
.iconNext { max-width: 3%;}
.bntMenuleft, .bntShoppingbag{ width: 45px;}
.bntShoppingbag img,
.bntMenuleft img { max-width: 100%;}   
#header  { height: 60px;} 
#logo {padding-top: 3em;margin-bottom: 0em; } 
#logo img {max-width: 65%;}
.titlePage {margin-top: 0.6em; font-size: 1.4em;} 
#content  { margin: 4em auto 0 auto; padding-bottom: 1em;} 
#dvLoading { top: 28%;}

.wrap-col-form p { font-size: 1.1em;} 
.rowDis:after { right: 2em;}
.indexPage .columnAll, .indexLoaderPage .columnAll {width: 95%;} 
ul.listItem li .wrapDec h3 { font-size: 1.5em; line-height: 1.4em;}
ul.listItem li .wrapDec p { font-size: 1.2em;}
ul.listItem li .wrapPriceAdd .price {margin-top: 0.8em;font-size: 1.4em;}
ul.listItem li:first-child {padding-top: 2em;}
.antalPro { padding: 0.5em;}
.cart .wrapDelete img { max-width: 50%;}
.checkout .eachBox h5 { top: 1.3em;font-size: 1.6em;}
.checkout .info-header {margin-top: 8em;font-size: 1.2em;}
.checkout .eachBox { width: 80%;}
.checkout .select-control {width: 94%; }
.checkout .select-time {width: 86% !important; }
.cart .listItem li:first-child .wrapDelete { top: 2em; } 
.step03 .bntVidere,.step02 .bntVidere  { min-width: 80%; margin-top: 2em;}
.cart .wrapTotal { font-size: 1.4em; padding: 1.2em 0.5em 1em 0.5em;}
.step04 ul.listItem li .wrapDec .rowAntalprice {font-size: 1.4em;}
.step04 ul.listItem li .wrapPriceAdd .price {margin-top: 2.3em;}
.step04 ul.listItem li .wrapPriceAdd {width: 24%; padding-right: 0;}
.thankpage .columnAll {width: 90%;margin-top: 2%;}
.thankpage .wrapThank {width: 60%;}
input[type=radio].css-checkbox:checked + label.css-label {background-position: 0 0.3em;}
input[type=radio].css-checkbox + label.css-label { background-position: 0 -1.1em; }
.checkout .erow .txtArea {  min-height: 5.5em;}

.invalid {border: 1px solid #FF0000;}


} /*End  iPhone 4 in landscape   */

@media only screen and (min-width: 568px)   {	/**  iPhone 5 in landscape  480(4)  **/  	} /*End  iPhone 5 in landscape   */



 





